<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>.:Welcome to LOUD:.</title>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" href="css/searchResult.css" />
</head>

<body>

<div class="header">
    	<div class="title">
        	<h1> LOUD </h1>
            <p id="home"> <a href="#"> HOME </a>| <a href="#"> PROFILE </a> </p>
        </div>
        
   		<div class="searching">
        	<div id="sb-search" class="sb-search">
				<form>
				<input class="sb-search-input" placeholder="Search" type="text" value="" name="search" id="search">
				<input class="sb-search-submit" type="submit" value="">
				<span class="sb-icon-search"></span>
				</form>
			</div>
        </div>
</div>
	
<div class="content">
    	<div class="center">
        	<div class="login">
            
            	<div class="subtitle">
                	BOARD DISCUSSION 
                </div>
                
                <div class="login_f">
        		<form>
    			<p>
        		<input id="username" type="text" name="login" placeholder="Username" required />
        		<input id="password" type="password" name='password' placeholder="Password" required />
        		<input class="submit" type="submit" name="submit" value="login">
    			</p>       
				</form>
                </div> <!-- End of login_f -->
                
        	</div> <!-- End of login -->
            
            <div class="advertisement_top">
                <h2> Advertisement </h2>
        	</div> <!-- End of advertisement_top -->
            
            <div class="breadcrumbs">
                <text id="nav_bar"> Home / Search Result</text>
        	</div> <!-- End of breadcrumbs -->
            
            <div class="search_result">
            	<div class="search_result_2">
            	<text id="searchResultFor"> Search results for: $ string $ </text>
                <text id="pages"> Page:  1  |  2  |  3  |  4  |  >>> </text>
                </div>
                <div class="results">
                <table class="result_table">
                	<tr>
                    	<td>
                        Result 1
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 2
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 3
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 4
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 5
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 6
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 7
                        </td>
                    </tr>
                    <tr>
                    	<td>
                        Result 8
                        </td>
                    </tr>
                
                </table>
                </div> <!-- End of class results -->
                <div class="prenext_button">
                <input class="previous_button" name="previous_button" type="button" value="previous" />
                <input class="next_button" name="next_button" type="button" value="next" />
				</div>
            </div> <!-- End of search_result -->
            
            <div class="advertisement_right">
            <br />
            	<p class="ads_right">A</p>
                <p class="ads_right">D</p>
                <p class="ads_right">V</p>
                <p class="ads_right">E</p>
                <p class="ads_right">R</p>
                <p class="ads_right">T</p>
                <p class="ads_right">I</p>
                <p class="ads_right">S</p>
                <p class="ads_right">E</p>
                <p class="ads_right">M</p>
                <p class="ads_right">E</p>
                <p class="ads_right">N</p>
                <p class="ads_right">T</p>
            </div> <!-- End of search_result -->
            
            <div class="advertisement_bottom">
            	<h3> Advertisement </h3>
            </div> <!-- End of advertisement_bottom -->
            
            
        </div> <!-- End of center -->
</div> <!-- End of content -->
    
<div class="footer">

</div>


<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
			new UISearch( document.getElementById( 'sb-search' ) );
</script>
</body>
</html>
